<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <!-- 定义当前 HTML 页面所使用的字符集 -->
    <meta charset="UTF-8" />
    <!-- 针对 IE 浏览器的一个特殊配置，含义是让 IE 浏览器以最高的渲染级别来渲染页面 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <!-- 开启理想视口，并禁用缩放功能，强制文档与设备的宽度保持 1:1 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>HTML 仿京东左侧导航条</title>
    <link rel="stylesheet" href="./css/index.css" />
  </head>
  <body>
    <ul class="cate_menu">
      <li class="cate_menu_item">
        <a class="cate_menu_link" href="#" target="_blank">家用电器</a>
      </li>

      <li class="cate_menu_item">
        <a class="cate_menu_link" href="#" target="_blank">手机</a>
        <span class="cate_menu_line">/</span>
        <a class="cate_menu_link" href="#" target="_blank">运营商</a>
        <span class="cate_menu_line">/</span>
        <a class="cate_menu_link" href="#" target="_blank">数码</a>
      </li>

      <li class="cate_menu_item">
        <a class="cate_menu_link" href="#" target="_blank">电脑</a>
        <span class="cate_menu_line">/</span>
        <a class="cate_menu_link" href="#" target="_blank">办公</a>
        <span class="cate_menu_line">/</span>
        <a class="cate_menu_link" href="#" target="_blank">文具用品</a>
      </li>

      <li class="cate_menu_item">
        <a class="cate_menu_link" href="#" target="_blank">家居</a>
        <span class="cate_menu_line">/</span>
        <a class="cate_menu_link" href="#" target="_blank">家具</a>
        <span class="cate_menu_line">/</span>
        <a class="cate_menu_link" href="#" target="_blank">家装</a>
        <span class="cate_menu_line">/</span>
        <a class="cate_menu_link" href="#" target="_blank">厨具</a>
      </li>

      <li class="cate_menu_item">
        <a class="cate_menu_link" href="#" target="_blank">男装</a>
        <span class="cate_menu_line">/</span>
        <a class="cate_menu_link" href="#" target="_blank">女装</a>
        <span class="cate_menu_line">/</span>
        <a class="cate_menu_link" href="#" target="_blank">童装</a>
        <span class="cate_menu_line">/</span>
        <a class="cate_menu_link" href="#" target="_blank">内衣</a>
      </li>

      <li class="cate_menu_item">
        <a class="cate_menu_link" href="#" target="_blank">美妆</a>
        <span class="cate_menu_line">/</span>
        <a class="cate_menu_link" href="#" target="_blank">个护清洁</a>
        <span class="cate_menu_line">/</span>
        <a class="cate_menu_link" href="#" target="_blank">宠物</a>
      </li>

      <li class="cate_menu_item">
        <a class="cate_menu_link" href="#" target="_blank">女鞋</a>
        <span class="cate_menu_line">/</span>
        <a class="cate_menu_link" href="#" target="_blank">箱包</a>
        <span class="cate_menu_line">/</span>
        <a class="cate_menu_link" href="#" target="_blank">钟表</a>
        <span class="cate_menu_line">/</span>
        <a class="cate_menu_link" href="#" target="_blank">珠宝</a>
      </li>

      <li class="cate_menu_item">
        <a class="cate_menu_link" href="#" target="_blank">男鞋</a>
        <span class="cate_menu_line">/</span>
        <a class="cate_menu_link" href="#" target="_blank">运动</a>
        <span class="cate_menu_line">/</span>
        <a class="cate_menu_link" href="#" target="_blank">户外</a>
      </li>

      <li class="cate_menu_item">
        <a class="cate_menu_link" href="#" target="_blank">房产</a>
        <span class="cate_menu_line">/</span>
        <a class="cate_menu_link" href="#" target="_blank">汽车</a>
        <span class="cate_menu_line">/</span>
        <a class="cate_menu_link" href="#" target="_blank">汽车用品</a>
      </li>

      <li class="cate_menu_item">
        <a class="cate_menu_link" href="#" target="_blank">母婴</a>
        <span class="cate_menu_line">/</span>
        <a class="cate_menu_link" href="#" target="_blank">玩具乐器</a>
      </li>

      <li class="cate_menu_item">
        <a class="cate_menu_link" href="#" target="_blank">食品</a>
        <span class="cate_menu_line">/</span>
        <a class="cate_menu_link" href="#" target="_blank">酒类</a>
        <span class="cate_menu_line">/</span>
        <a class="cate_menu_link" href="#" target="_blank">生鲜</a>
        <span class="cate_menu_line">/</span>
        <a class="cate_menu_link" href="#" target="_blank">特产</a>
      </li>

      <li class="cate_menu_item">
        <a class="cate_menu_link" href="#" target="_blank">艺术</a>
        <span class="cate_menu_line">/</span>
        <a class="cate_menu_link" href="#" target="_blank">礼品鲜花</a>
        <span class="cate_menu_line">/</span>
        <a class="cate_menu_link" href="#" target="_blank">农牧园艺</a>
      </li>

      <li class="cate_menu_item">
        <a class="cate_menu_link" href="#" target="_blank">京东买药</a>
        <span class="cate_menu_line">/</span>
        <a class="cate_menu_link" href="#" target="_blank">计生情趣</a>
      </li>

      <li class="cate_menu_item">
        <a class="cate_menu_link" href="#" target="_blank">图书</a>
        <span class="cate_menu_line">/</span>
        <a class="cate_menu_link" href="#" target="_blank">文娱</a>
        <span class="cate_menu_line">/</span>
        <a class="cate_menu_link" href="#" target="_blank">教育</a>
        <span class="cate_menu_line">/</span>
        <a class="cate_menu_link" href="#" target="_blank">电子书</a>
      </li>

      <li class="cate_menu_item">
        <a class="cate_menu_link" href="#" target="_blank">机票</a>
        <span class="cate_menu_line">/</span>
        <a class="cate_menu_link" href="#" target="_blank">酒店</a>
        <span class="cate_menu_line">/</span>
        <a class="cate_menu_link" href="#" target="_blank">旅游</a>
        <span class="cate_menu_line">/</span>
        <a class="cate_menu_link" href="#" target="_blank">生活</a>
      </li>

      <li class="cate_menu_item">
        <a class="cate_menu_link" href="#" target="_blank">支付</a>
        <span class="cate_menu_line">/</span>
        <a class="cate_menu_link" href="#" target="_blank">白条</a>
        <span class="cate_menu_line">/</span>
        <a class="cate_menu_link" href="#" target="_blank">保险</a>
        <span class="cate_menu_line">/</span>
        <a class="cate_menu_link" href="#" target="_blank">企业金融</a>
      </li>

      <li class="cate_menu_item">
        <a class="cate_menu_link" href="#" target="_blank">安装</a>
        <span class="cate_menu_line">/</span>
        <a class="cate_menu_link" href="#" target="_blank">维修</a>
        <span class="cate_menu_line">/</span>
        <a class="cate_menu_link" href="#" target="_blank">清洗</a>
        <span class="cate_menu_line">/</span>
        <a class="cate_menu_link" href="#" target="_blank">二手</a>
      </li>

      <li class="cate_menu_item">
        <a class="cate_menu_link" href="#" target="_blank">元器件</a>
        <span class="cate_menu_line">/</span>
        <a class="cate_menu_link" href="#" target="_blank">原材料</a>
        <span class="cate_menu_line">/</span>
        <a class="cate_menu_link" href="#" target="_blank">五金机电</a>
      </li>
    </ul>
  </body>
</html>
